<script>
import Config from './utils/config.js';
export default {
	globalData: {
		title: '自助购票',
		imgUrl: Config.imgUrl // 图片前缀
	},
	onLaunch: function() {
		// console.log(this.$scope.globalData)
	},
	onShow: function() {
		// console.log('App Show')
	},
	onHide: function() {
		// console.log('App Hide')
	},
	onError: function() {
		// console.log('App Error')
	}
};
</script>

<style lang="scss">
// 每个页面公共css
page {
	background: #ffffff;
}
// 文字超出省略
.omitted {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.small_size{
	font-size: 24rpx !important;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
.hover {
	background: #f5f5f5 !important;
}
.my_form {
	.item {
		display: flex;
		justify-content: flex-start;
		border-bottom: 1rpx solid #d1d7e1;
		padding-top: 33rpx;
		margin: 0 40rpx;
		font-size: 28rpx;
		position: relative;
		.title {
			// display: inline-block;
			font-weight: 700;
			color: rgba(51, 51, 51, 1);
			padding: 30rpx 70rpx 30rpx 9rpx;
			max-width: 200rpx;
			overflow: hidden;
		}
		.right {
			padding: 30rpx 0;
			// display: inline-block;
			.input-placeholder {
				font-size: 28rpx;
				color: #8b96ac;
			}
			.my_input,
			.text {
				font-size: 28rpx;
				color: #333333;
			}
			.my_switch {
				position: absolute;
				right: 0;
				bottom: 26rpx;
				transform: scale(0.9);
			}
			.my_radio {
				margin-right: 60rpx;
				.my_radio_item {
					transform: scale(0.8);
					position: relative;
					top: -4rpx;
				}
				.radio_text {
					font-size: 28rpx;
					font-weight: 500;
					color: #666;
				}
				.radio_text--active {
					color: #1966ff;
				}
			}
		}
	}
	.line {
		height: 20rpx;
		background-color: #f4f6f9;
	}
	.btn_wraper {
		margin: 80rpx 0;
		.btn {
			padding: 0;
			margin: 0 auto;
			width: 560rpx;
			height: 80rpx;
			line-height: 80rpx;
			background: linear-gradient(90deg, rgba(34, 100, 255, 1) 0%, rgba(52, 133, 255, 1) 99%);
			box-shadow: 0rpx 6rpx 16rpx 0rpx rgba(230, 235, 244, 0.8);
			border-radius: 40rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
	}
}

.btn_wraper {
	margin: 0 auto;
	background: linear-gradient(90deg, rgba(34, 100, 255, 1) 0%, rgba(52, 133, 255, 1) 99%);
	box-shadow: 0rpx 6rpx 16rpx 0rpx rgba(230, 235, 244, 0.8);
	width: 560rpx;
	height: 88rpx;
	border-radius: 40rpx;
	line-height: 88rpx;
	text-align: center;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ffffff;
	.btn_icon {
		display: inline-block;
		margin-right: 14rpx;
		position: relative;
		width: 40rpx;
		height: 40rpx;
		vertical-align: -6rpx;
	}
	.btn_text {
		display: inline-block;
		font-size: 32rpx;
	}
}

/deep/ .uni-list-item {
	padding: 0 !important;
}
/deep/ .uni-list-item__container {
	padding: 40rpx !important;
}
/deep/ .uni-list-item__content-title {
	font-weight: bold !important;
	color: rgba(51, 51, 51, 1) !important;
}

// checkbox 整体大小
checkbox {
	width: 36rpx;
	height: 36rpx;
	border-radius: 50%;
}

// checkbox 选项框大小
checkbox .wx-checkbox-input {
	width: 36rpx;
	height: 36rpx;
	border-radius: 50%;
}

// checkbox选中后样式
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	background: #ffffff;
	border-color: #1966ff;
}

// checkbox选中后图标样式
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
	width: 34rpx;
	height: 34rpx;
	line-height: 34rpx;
	text-align: center;
	font-size: 26rpx;
	color: #1966ff;
	background: transparent;
	transform: translate(-50%, -50%) scale(0.9);
	-webkit-transform: translate(-50%, -50%) scale(0.9);
}
</style>
